<div class="row">
	<div id="breadcrumb" class="col-xs-12">
		<a href="#" class="show-sidebar">
			<i class="fa fa-bars"></i>
		</a>
		<ol class="breadcrumb pull-left">
			<li><a href="index.html">Dashboard</a></li>
			<li><a href="#">Tables</a></li>
			<li><a href="#">Simple Tables</a></li>
		</ol>
		<div id="social" class="pull-right">
			<a href="#"><i class="fa fa-google-plus"></i></a>
			<a href="#"><i class="fa fa-facebook"></i></a>
			<a href="#"><i class="fa fa-twitter"></i></a>
			<a href="#"><i class="fa fa-linkedin"></i></a>
			<a href="#"><i class="fa fa-youtube"></i></a>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-xs-12 col-sm-6">
		<div class="box">
			<div class="box-header">
				<div class="box-name">
					<i class="fa fa-table"></i>
					<span>个人信息</span>
				</div>
				<div class="box-icons">
					<a class="collapse-link">
						<i class="fa fa-chevron-up"></i>
					</a>
					<a class="expand-link">
						<i class="fa fa-expand"></i>
					</a>
					<a class="close-link">
						<i class="fa fa-times"></i>
					</a>
				</div>
				<div class="no-move"></div>
			</div>
			<div class="box-content">
				<p>本站由XXX开发维护，QQ：88888888</p>
				<table class="table" style="margin-bottom:0;">
					<tbody>
						<tr>
							<td style="width:30%;">会员账号：</td>
							<td>admin</td>
						</tr>
						<tr>
							<td>所属分组：</td>
							<td>Chrome</td>
						</tr>
						<tr>
							<td>最后登录时间：</td>
							<td>Internet Explorer</td>
						</tr>
						<tr>
							<td>最后登录IP/地址：</td>
							<td>Safari</td>
						</tr>
						<tr>
							<td>登录次数：</td>
							<td>Safari</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-sm-6">
		<div class="box">
			<div class="box-header">
				<div class="box-name">
					<i class="fa fa-table"></i>
					<span>平台运营</span>
				</div>
				<div class="box-icons">
					<a class="collapse-link">
						<i class="fa fa-chevron-up"></i>
					</a>
					<a class="expand-link">
						<i class="fa fa-expand"></i>
					</a>
					<a class="close-link">
						<i class="fa fa-times"></i>
					</a>
				</div>
				<div class="no-move"></div>
			</div>
			<div class="box-content">
				<p>Use <code>.table-striped</code> ow within the <code>&lt;tbody&gt;</code>.</p>
				<table class="table table-striped" style="margin-bottom:0;">
					<thead>
						<tr>
							<th>#</th>
							<th>Name</th>
							<th>Homepage</th>
							<th>Description</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>Nginx</td>
							<td>http://nginx.org</td>
							<td>webserver</td>
						</tr>
						<tr>
							<td>2</td>
							<td>Apache</td>
							<td>http://apache.org</td>
							<td>webserver</td>
						</tr>
						<tr>
							<td>3</td>
							<td>Skype</td>
							<td>http://www.skype.com</td>
							<td>Messenger</td>
						</tr>
						<tr>
							<td>4</td>
							<td>Blender</td>
							<td>http://www.blender.org</td>
							<td>3D-modeller</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-xs-12 col-sm-6">
		<div class="box">
			<div class="box-header">
				<div class="box-name">
					<i class="fa fa-table"></i>
					<span>系统信息</span>
				</div>
				<div class="box-icons">
					<a class="collapse-link">
						<i class="fa fa-chevron-up"></i>
					</a>
					<a class="expand-link">
						<i class="fa fa-expand"></i>
					</a>
					<a class="close-link">
						<i class="fa fa-times"></i>
					</a>
				</div>
				<div class="no-move"></div>
			</div>
			<div class="box-content">
				<p>Add <code>.table-bordered</code> for borders on all sides of the table and cells.</p>
				<table class="table" style="margin-bottom:0;">
					<tbody>
						<tr>
							<td style="width:30%;">运行环境：</td>
							<td>admin</td>
						</tr>
						<tr>
							<td>PHP运行方式：</td>
							<td>Chrome</td>
						</tr>
						<tr>
							<td>MYSQL版本：</td>
							<td>Internet Explorer</td>
						</tr>
						<tr>
							<td>上传附件限制：</td>
							<td>Safari</td>
						</tr>
						<tr>
							<td>执行时间限制：</td>
							<td>Safari</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-sm-6">
		<div class="box">
			<div class="box-header">
				<div class="box-name">
					<i class="fa fa-table"></i>
					<span>官方动态</span>
				</div>
				<div class="box-icons">
					<a class="collapse-link">
						<i class="fa fa-chevron-up"></i>
					</a>
					<a class="expand-link">
						<i class="fa fa-expand"></i>
					</a>
					<a class="close-link">
						<i class="fa fa-times"></i>
					</a>
				</div>
				<div class="no-move"></div>
			</div>
			<div class="box-content">
				<p>Add <code>.table-hover</code> to enable a hover state on table rows within a <code>&lt;tbody&gt;</code>.</p>
				<table class="table table-hover" style="margin-bottom:0;">
					<thead>
						<tr>
							<th>#</th>
							<th>Name</th>
							<th>Homepage</th>
							<th>Description</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>OpenOffice</td>
							<td>http://openoffice.org</td>
							<td>Office suite</td>
						</tr>
						<tr>
							<td>2</td>
							<td>PyCharm</td>
							<td>http://jetbrains.com</td>
							<td>IDE</td>
						</tr>
						<tr>
							<td>3</td>
							<td>VirtualBox</td>
							<td>http://oracle.com</td>
							<td>Virtual machine</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
